<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="Dome.css">
</head>
<body>
    <div id="top">
        <p class="topText">My To Do List</p>
        <div class="topTitle">
             <input type="text" class="topInput" placeholder="Title...">
            <button class="submit">Add</button>
        </div>
    </div>
    <div class="memorandum">
        <div class="state">
            <div class="stateOption">
                <div class="spot"></div>
                <p>全部</p>
            </div>
            <div class="stateOption">
                <div class="spot"></div>
                <p>Waiting</p>
            </div>
            <div class="stateOption">
                <div class="spot"></div>
                <p>Doing</p>
            </div>
            <div class="stateOption">
                <div class="spot"></div>
                <p>Finished</p>
            </div>
        </div>
    </div>
    <div class="list">
        <ul class="listUl">
            <li class="Waiting">
                <span class="WaitingTop">Waiting ...</span>
                <span class="liText">上班打卡</span>
                <div class="delete">x</div>
            </li>
        </ul>
    </div>
<script src="../../../vue.global.js"></script>
<script src="Dome.js"></script>
<script src="Dome2.js"></script>
</body>
</html>